<div class="dialog-container mdl-shadow--8dp mdl-layout--fixed-header mobile-dialog item-detail-dialog">
    <div class="kmi-header-row">
        <div class="header-title" ng-bind="dialog.title"></div>
        <div class="kmi-side-btn right" ng-click="dialog.back();">
            <img src="image/icons/clear.png"></img>
            <div class="kmi-can-click"></div>
        </div>
    </div>
    <div class="kmi-layout-main-content">
        <div class="kmi-list none-column-split">
            <div class="kmi-list__header" style="padding: 4px 8px;">
                <div class="kmi-list__column head-controls" style="flex: 1;">
                    <div class="order" ng-hide="EQUIPMENTNAME_filter">
                        <i class="material-icons search" style="z-index:1;" ng-click="EQUIPMENTNAME_filter = true">search</i>
                        <label ng-bind="'mobile08.item_detail.list.column1' | translate"></label>
                    </div>
                    <div class="filter" ng-show="EQUIPMENTNAME_filter">
                        <input ng-model="EQUIPMENTNAME_filter_s">
                        <i class="material-icons clear" style="position: absolute;top: 2px;right: 0px;" ng-show="EQUIPMENTNAME_filter"
                            ng-click="EQUIPMENTNAME_filter = false;EQUIPMENTNAME_filter_s=''">clear</i>
                    </div>
                </div>
                <div class="kmi-list__column" style="flex: 0 0 140px;" ng-bind="'mobile08.item_detail.list.column2'|translate"></div>
                <div class="kmi-list__column head-controls" style="flex: 0 0 100px;">
                    <div class="order">
                        {{'mobile08.item_detail.list.column3' | translate}}
                        <i class="material-icons">{{MINUTE_oderBy?'&#xE5D8;':'&#xE5DB;'}}</i>
                        <div class="kmi-can-click" ng-click="MINUTE_oderBy = !MINUTE_oderBy"></div>
                    </div>
                </div>
            </div>
            <div class="kmi-list__row-content">
                <div class="kmi-list__row" ng-repeat="item in dialog.itemDetail | filter : {'EQUIPMENTNAME': EQUIPMENTNAME_filter_s} | orderBy : 'MINUTE' : !MINUTE_oderBy track by $index" style="padding: 4px 8px; height: 42px;">
                    <div class="kmi-list__column" ng-bind="item.EQUIPMENTNAME" style="flex: 1; white-space: normal;"></div> 
                    <div class="kmi-list__column" ng-bind="item.STARTTIME" style="flex: 0 0 140px;"></div>
                    <div class="kmi-list__column" ng-bind="item.MINUTE + ('mobile08.item_detail.min'|translate)" style="flex: 0 0 100px; text-align: right;"></div>
                </div>
            </div>
        </div>
    </div>
</div>
